<!--
  Generated template for the MessageMonthPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->



<ion-content>
  <ion-list *ngIf="messageList?.length > 0" >
    <ion-item *ngFor="let item of messageList" tappable (click)="gotoMessageDetail(item)">
      <h2>{{item.head}}<ion-badge *ngIf="item.isRead === '0'" style="margin-left: 5px;background-color: #ff0f1c">未读</ion-badge></h2>
      <div item-end>
        <h3 style="margin-left: 10px">{{item.pushDate}}</h3>
      </div>
      <p class="message-content">
        {{item.body}}
      </p>
    </ion-item>
  </ion-list>

  <div *ngIf="(isNull && messageList.length === 0)" class="null-tips">
    <img src="assets/imgs/null.png" alt="">
    <div>暂无数据</div>
  </div>

</ion-content>
